<template>
	<view class="detail-card ">
		<view class="label">
			{{label}}
			<slot name="label"></slot>
		</view>
		<view :class="{'content':isPadding}">
			<slot></slot>
		</view>
	</view>

</template>

<script>
	export default {
		props: {
			label: {
				type: String,
				default: ''
			},
			isPadding: {
				type: Boolean,
				default: true
			}
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.detail-card {
		background: #ffffff;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 32rpx 0;
		// margin: 32rpx 0;

		.label {
			position: relative;
			padding-left: 32rpx;

			&::before {
				left: 0;
				top: 0;
				position: absolute;
				content: "";
				height: 100%;
				width: 4rpx;
				background-color: #0052d9;
			}
		}

		.content {
			padding: 32rpx;
		}
	}
</style>